<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
    <title>二维码监督</title>
    <style type="text/css">@import url("<c:url value="/plugins/layui/css/layui.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/css/lib/bootstrap-select.min.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/home_page_common.css"/>");</style>
    <style type="text/css">@import url("<c:url value="/plugins/home_page_common/css/qrcode_supervision/qrcode_supervision.css"/>");</style>
</head>
<body style="padding-top: 0px!important; overflow-y: scroll">
<!-- Preloader -->
<div class="animationload">
    <div class="loader">
        Loading...
    </div>
</div>
<!--跳转过来前是否为全屏状态-->
<input type="hidden" id="screenState" value="${screenState}">
<div class="outer">
    <div class="fullScreen">
        <header>
            <div class="head tag-area tag-left">
                <div class="tag" id="institutionReview"><span>机构信息</span></div>
                <div class="tag" id="institutionAutonomy"><span>机构自治</span></div>
                <div class="tag" id="industryAutonomy"><span>行业自律</span></div>
                <div class="tag" id="governmentVision"><span>政府监管</span></div>
            </div>
            <div class="head title"></div>
            <div class="head tag-area tag-right">
                <div class="tag checked" id="societyVision"><span>社会监督</span></div>
                <div class="tag" id="comprehensiveApplication"><span>综合应用</span></div>
                <div class="tag" id="systemSetting"><span>系统设置</span></div>
                <div class="tag" id="logout"><span>退出系统</span></div>
            </div>
            <div class="head fullscreen-button" style="float: right; display: inline-block;height: 0;margin-right: 0.1rem;margin-top: 0.1rem">
                <img id="full_scr" style="height: 0.2rem;right: 0.1rem;" class="fullScreen-toggle" src="img/fullscreen.png">
                <img id="exit_full"  class="fullScreen-toggle" style="display:none; height: 0.2rem;right: 0.1rem;" src="img/exitfullscreen.png">
            </div>
        </header>

        <div class="backRow">
            <div class="back" id="societyVisionBack">
                <div class="back_img"></div>
                <div class="backfont"><span>返回</span></div>
            </div>
            <div class="childTag">二维码公示</div>
        </div>

        <div class="search">
            <input type="text" class="searchFont" placeholder="输入医疗机构名称" id="insitutionNameSearch">
            <button id="institutionDetails" class="btn-primary" type="button" value="qrcodeSupervision">搜索</button>
        </div>

        <div class="search-menu" id="searchMenu" style="display: none">
            <div class="form-inline" style="width: 5rem; min-height: 1rem;">
                <select class="selectpicker" title="行业" id="industrySelect">
                    <option value="" id="industryOption">行业</option>
                </select>
                <select class="selectpicker" title="街道" id="streetSelect">
                    <option value="" id="streetOption">街道</option>
                </select>
                <select class="selectpicker" title="经济性质" id="economicSelect">
                    <option value="" id="economicOption">经济性质</option>
                    <option value="0" id="economicOption0">公立</option>
                    <option value="1" id="economicOption1">民营</option>
                </select>
                <select class="selectpicker" title="等级" id="levelSelect">
                    <option value="" id="levelOption">等级</option>
                </select>
                <select class="selectpicker" title="所有权性质" id="ownershipSelect">
                    <option value="" id="ownershipOption">所有权性质</option>
                </select>
            </div>
            <table class="table table-hover search-table" style="margin-top: 0.1rem">
                <tbody id="searchList"></tbody>
            </table>
            <div class="layui-table-page">
                <div id="searchPagination"></div>
            </div>
        </div>

        <section class="mainbox">
            <!--左部-->
            <div class="column">
                <div class="title_img"><span class="listTitleFont">公众评价最高5家机构</span></div>
                <div class="aboveList" id="highestInstitutionsList">
                    <%--<div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度99%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度97%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度95%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度92%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度90%</span></div>--%>
                </div>

                <div class="title_img"><span class="listTitleFont">公众评价最低5家机构</span></div>
                <div class="belowList" id="lowestInstitutionsList">
                    <%--<div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度30%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度35%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度41%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度43%</span></div>
                    <div class="leftListItem"><span class="leftContentFont">杭州xxxxxxxu医疗机构</span><span class="leftContentFont">满意度47%</span></div>--%>
                </div>
            </div>
            <!--中部-->
            <div class="middleColumn">
                <div class="childColumn">
                    <div class="buildRect" style="margin-top: -2rem">
                        <div class="bulid_img"></div>
                        <div class="middleTitleFont"><span>公示医疗机构数</span></div>
                        <div class="middleNumFont" id="publicityInstitutions"></div>
                    </div>
                </div>
                <div class="childColumn">
                    <div class="buildRect">
                        <div class="bulid_img"></div>
                        <div class="middleTitleFont"><span>累计公众评价数</span></div>
                        <div class="middleNumFont" id="publicEvaluations"></div>
                    </div>
                    <div class="jelllyfish_img"></div>
                </div>
                <div class="childColumn">
                    <div class="buildRect" style="margin-top: -2rem">
                        <div class="bulid_img"></div>
                        <div class="middleTitleFont"><span>累计二维码查询数</span></div>
                        <div class="middleNumFont" id="qrcodeScanning"></div>
                    </div>
                </div>
            </div>
            <!--右部-->
            <div class="column">
                <div class="rightRect">
                    <div class="rightTitle_img">
                        <span class="listTitleFont">公众评价满意度</span>
                        <span class="listTitleFont warningSpan" style="margin-right: 0.2rem" id="warningDisposeEvaluation">更多》</span>
                    </div>
                    <div class="rightList">
                        <div class="rightListItem">
                            <div class="rightListItemLeft">
                                <div class="satisfied_img"></div>
                                <div class="base_img"></div>
                            </div>
                            <div class="rightListItemRight">
                                <span class="abveRightContentFont">满意度≥80%</span>
                                <span class="belowRightContentFont" id="satisfaction2">0家</span>
                            </div>
                        </div>
                        <div class="rightListItem">
                            <div class="rightListItemLeft">
                                <div class="flower_img"></div>
                                <div class="base_img"></div>
                            </div>
                            <div class="rightListItemRight">
                                <span class="abveRightContentFont">80%>满意度≥50%</span>
                                <span class="belowRightContentFont" id="satisfaction1">0家</span>
                            </div>
                        </div>
                        <div class="rightListItem">
                            <div class="rightListItemLeft">
                                <div class="dissatisfied_img"></div>
                                <div class="base_img"></div>
                            </div>
                            <div class="rightListItemRight">
                                <span class="abveRightContentFont">满意度<50%</span>
                                <span class="belowRightContentFont" id="satisfaction0">0家</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div><span>设计单位：杭州全诊医学科技有限公司 www.aioclinic.com</span></div>
        </footer>
    </div><!-- fullScreenDiv -->
</div>

<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/plugins/layui/layui.all.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap-select.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.1.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/qrcode_supervision/qrcode_supervision.js?V0.1"/>" type="text/javascript"></script>
</body>
</html>
